import React from 'react'
import { connect } from 'react-redux'

//PageAd UI组件
const PageA = ({name, fn1}) => {
  return (
    <div>
      <h2>PageA-{name}</h2>
      <button onClick={fn1}>点我修改name</button>
    </div>
  )
}

//暴露容器组件，由于connect返回的是一个容器组件
export default connect(
  // mapStateToProps主要是返回一些仓库数据给组件
  (state, ownProps) => {
    console.log(state,ownProps)
    return {
      a: '123',
      b: '456',
      name: state.name
    }
  },

  // mapDispatchToProps主要是返回一些方法给到组件使用
  (dispatch) => {
    return {
      fn1 () {
        dispatch({
          type: 'CHANGE_NAME',
          name: '王五'
        })
      }
    }
  }
)(PageA)